<template class="keepaliveclass">
  <button @click="showComponent = MyLeft">展示MyLeft组件</button>
  <button @click="showComponent = MyRight">展示MyRight组件</button>
  <div>
    <KeepAlive include="MyLeft">
      <component :is="showComponent"></component>
    </KeepAlive>
  </div>
</template>

<script setup>
import MyLeft from './MyLeft.vue'
import MyRight from './MyRight.vue'
import { shallowRef } from 'vue'
const showComponent = shallowRef(MyLeft)
</script>
